.earnings-page{
    background-color: #fff;
    .box{
        padding: 20rpx;
        .title{
            // width:110px;
            height:70rpx;
            font-size:28rpx;
            font-weight:bold;
            color:#000;
            line-height:70rpx;
            text-indent: 10rpx;
            .questionIcon{
                width: 26rpx;
                height: 26rpx;
                padding: 10rpx;
                position: relative;
                top: 6px;
            }
        }
        .content{
            display: flex;
            flex-direction: column;
            padding: 48rpx 40rpx 20rpx 48rpx;
            background:linear-gradient(90deg,#FC9FC0,#FF759F);
            background-image: url('./images/earning_bg_01.png');
            background-size: 100% 100%;
            border-radius: 20rpx;
            color: #fff;
            .c_top{
                display: flex;
                flex-direction: row;
                justify-content:space-between;
                .totalPrice{
                  margin-top: 10rpx;
                  font-size: 60rpx;
                  font-weight:bold;
                  display: flex;
                  justify-content: center;
                }
                .btn{
                  .questionIcon{
                    width: 20rpx;
                    height: 20rpx;
                    margin-right: 8rpx;
                  }
                  font-size: 24rpx;
                    padding: 4rpx 20rpx;
                    border-radius: 30rpx;
                    background-color: #353535;
                    opacity: 0.9;
                    height: 40rpx;
                    line-height: 30rpx;
                    color: #fff;
                }
                .boxBtn{
                    // background-color: #fff;
                    // color: #EF763B;
                    color: #fff;
                }
                .bihsBtn{
                    background-color: #D32221;
                    // color: #EC3D49;
                    color: #fff;
                }
            }
            .c_border{
                // border-bottom: 1px solid rgba(255,255,255,0.1);
                margin: 32rpx 0;
            }
            // .b_border{
            //     border-bottom: 1px solid #FFDCA9;
            // }
            // .bihs_border{
            //     border-bottom: 1px solid rgba(255,255,255,0.5);
            // }
            .c_bottom{
                display: flex;
                flex-direction: row;
                justify-content:space-between;
                align-items: center;
                .border{
                  width: 2rpx;
                  height: 40rpx;
                  background-color: rgba(255,255,255,0.2);
                }
                .price{
                  line-height: 44rpx;
                  font-size: 32rpx;
                  margin-top: 6rpx;
                  display: flex;
                  justify-content: center;
                }
                .text{
                  line-height: 34rpx;
                  color: rgba(255,255,255,0.7);
                  font-size: 22rpx;
                }
            }
            .b_bottom{
                // justify-content:flex-start;
                .b_second {
                    // margin-left: 30rpx;
                }
            }
        }
        .boxBg{
            background:linear-gradient(90deg,#F8BB6F,#EE6E35);
            background-image: url('./images/earning_bg_02.png');
            background-size: 100% 100%;
        }
        .bihsBg{
            background:linear-gradient(90deg,#FF7854,#E93347); 
            background-image: url('./images/earning_bg_03.png');
            background-size: 100% 100%;
        }
    }
    
}
